
//删除事件
function dele(btndom){
	// btndom.parentNode.parentNode.remove()//自杀的方法
	var index=btndom.parentNode.parentNode.rowIndex;
	//tr自带属性rowIndex；从0开始，thead占了一行所以arr[0]=index-1;
	btndom.parentNode.parentNode.parentNode.deleteRow(index-1);
	//利用table、tbody自动删除行的属性--deleteRow(index（行的索引，从0开始）)
	//所以点击删除button删除所在的行应为deleteRow(index-1);
	removeCookie('num',-11);
	removeCookie('lanzi',-11);
		var bigstr6=getvalue("listnum");
		var	bigarr7=bigstr6.substr(1,bigstr6.length-2);
		var	bigobj8=JSON.parse(bigarr7);
		var status=btndom.parentNode.parentNode.getAttribute("data-list");
		for(var kit in bigobj8){
			if(kit==status){
				delete bigobj8[status];
				bigarr.push(bigobj8);
				bigarr.splice(0,bigarr.length-1);
				var bigstr9=JSON.stringify(bigarr);
				clearInterval(timer);
				setCookie("listnum",bigstr9,7);
			}
		}
}
var timer=0;
var bigarr=[];
$(function(){
	//动态创建元素
	$.ajax({
		url:"js/gouwuche.json",
		data:null,
		type:"post",
		success:function(data){
			var arr=data;
			for(var i=0;i<arr.length;i++){
				var dl=$("<dl></dl>");
				var dt=$("<dt></dt>");
				dt.attr("data-page",i+1);
				var dd=$("<dd></dd>");
				var dta=$("<a href='javascript:;'></a>");
				dta.addClass("dta");
				var hint=$("<span></span>");
				hint.addClass("hit");
				hint.text("点击查看详情");
				var ddpd=$("<a href='javascript:;'></a>");
				ddpd.addClass("ddpd");
				var ddmony=$("<span></span>");
				ddmony.addClass("ddmony");
				var incar=$("<button></button>");
				incar.text("加入购物车")
				incar.attr("data-list",i);
				incar.addClass("incar");
				dt.css("background","url("+arr[i].bg+") no-repeat");
				ddpd.text(arr[i].des);
				ddmony.text("￥ "+arr[i].money+".00");
				dd.append(ddpd);
				dd.append(ddmony);
				dd.append(incar);
				dt.append(dta);
				dt.append(hint);
				dl.append(dt);
				dl.append(dd);
				$(".mbot-down").append(dl);
				
			}
		}
	})
	
	//登录注册点击
	$(".top .right>.r-left>li").eq(0).on("click",function(){
		window.location.assign("zhuce.html");
	})
	
	$(".top .right>.r-left>li").eq(2).on("click",function(){
		window.location.assign("login.html");
	})
	////cookie
	if(getvalue("uphone")){
		var uphone=getvalue("uphone");
		$(".top .right>.r-left>li").eq(3).text(uphone+" 欢迎来新蛋购物！")
	}
	
		
	
	//dt鼠标移入事件-- 动态创建--委托
	
		$(".mbot-down").on("mouseenter","dt",function(){
			$(this).children(".hit").css("display","block");
		})
		$(".mbot-down").on("mouseleave","dt",function(){
			$(this).children(".hit").css("display","none");
		})
	
	//button点击事件-- 动态创建--委托
	setCookie("produce",'[{"bg":"images/gwc1.png","des":"兰芝新款睡眠面膜 70ml","money":"136"},{"bg":"images/gwc2.png","des":"猎鹰计划 羽绫防潮垫 150*200cm防潮垫 DZA05LT","money":"49"},{"bg":"images/gwc3.png","des":"猎鹰计划 臂包头巾运动套装 ZHC07MC","money":"59"},{"bg":"images/gwc4.png","des":"猎鹰计划 运动水壶 雨露温感硅胶杯 水杯 灰色 ZBB06HS","money":"59"},{"bg":"images/gwc5.png","des":" 猎鹰计划 高弹舒适 防晒防滑运动护臂 黑色S PSD13BS-S","money":"35"}]',7);
	var num=0;
	var n=1;
	var j=0;
	var bigobj={};
	var bigarr5=[];
	var str1=getvalue("produce");
	var arr=JSON.parse(str1);
	
	
	setInterval(function(){
		if($("table>tbody").height()==0){
			$(".mtrdown").parent().css("display","none");
		}else{
			$(".mtrdown").parent().css("display","block");
			$(".mtrdown").css("height",$("table").height());
		}
	},40)
	
	//获取之前的表格
	if(getvalue("uphone")&&getvalue("listnum")){
	var bigstr2=getvalue("listnum");
	var	bigarr3=bigstr2.substr(1,bigstr2.length-2);
		var	bigobj4=JSON.parse(bigarr3);
	for(var key in bigobj4){
			var kk=parseInt(key);
			var kkvalue=parseInt(bigobj4[key]);
			var str="<tr data-list="+kk+">";
			str+="<td><input type='checkbox' class='single'/></td>";
			str+="<td><span class='img' style='background:url("+arr[kk].bg+") no-repeat center;'></span><p class='des'>"+arr[kk].des+"</p></td>";
			str+="<td>￥ "+arr[kk].money+".00</td>";
			str+="<td><input type='button' class='jian' value='-'/><input type='text' class='num' value='"+kkvalue+"'/><input type='button' class='plus' value='+'/></td>";
			str+="<td>￥"+kkvalue*arr[kk].money+".00</td>";
			str+="<td><a href='javascript:;' class='del' onclick='dele(this)'>删除</a></td>";
			str+="</tr>";
			$(".table").append(str);
	}
	}
	$(".mbot-down").on("click",".incar",function(){
		var num2=parseInt(getvalue("num"));
		num=$(this).data("list");
		//console.log(num, num2);
		var strnum=String(num);
		setCookie('num',strnum,7);
		if(num2==num){
			if($(".table>tr").length>=1){
				for(var l=0;l<$(".table>tr").length;l++){
					if(parseInt($(".table>tr").eq(l).data("list"))==num){
						var pro1=parseInt($(".table>tr").eq(l).children("td").children(".num").val());
						pro1++;
						$(".table>tr").eq(l).children("td").children(".num").val(pro1);
						$(".table>tr").eq(l).children("td").eq(4).text("￥ "+pro1*arr[num].money+".00");
					}
				}
			}
		}else{
			if($(".table>tr").length>=1){
				for(var l=0;l<$(".table>tr").length;l++){
					if(parseInt($(".table>tr").eq(l).data("list"))==num){
						var pro1=parseInt($(".table>tr").eq(l).children("td").children(".num").val());
						pro1++;
						$(".table>tr").eq(l).children("td").children(".num").val(pro1);
						$(".table>tr").eq(l).children("td").eq(4).text("￥ "+pro1*arr[num].money+".00");
						return;
					}else{
						n=1;
					}
				}
			}
			var str="<tr data-list="+num+">";
			str+="<td><input type='checkbox' class='single'/></td>";
			str+="<td><span class='img' style='background:url("+arr[num].bg+") no-repeat center;'></span><p class='des'>"+arr[num].des+"</p></td>";
			str+="<td>￥ "+arr[num].money+".00</td>";
			str+="<td><input type='button' class='jian' value='-'/><input type='text' class='num' value='"+n+"'/><input type='button' class='plus' value='+'/></td>";
			str+="<td>￥"+n*arr[num].money+".00</td>";
			str+="<td><a href='javascript:;' class='del' onclick='dele(this)'>删除</a></td>";
			str+="</tr>";
			$(".table").append(str);
		}
		if($(".table>tr").length>=1){
			var kids=$(".table>tr").length;
			var strkids=String(kids);
			setCookie("shu",strkids,7);
			for(var s=0;s<$(".table>tr").length;s++){
				var ss=parseInt($(".table>tr").eq(s).data("list"));
				var pro5=parseInt($(".table>tr").eq(s).children("td").children(".num").val());
				bigobj[ss]=pro5;
			}
			bigarr.push(bigobj);
			bigarr.splice(0,bigarr.length-1);
			var bigstr=JSON.stringify(bigarr);
			setCookie("listnum",bigstr,7);
		}
	})
	/*//定时器获取table中表格信息,实时传送购物车种物品数量
	if(g==1){
		timer2=setInterval(function(){
			clearInterval(timer);
			console.log(2);
			if($(".table>tr").length>=1){
				var kids=$(".table>tr").length;
				var strkids=String(kids);
				setCookie("shu",strkids,7);
				for(var s=0;s<$(".table>tr").length;s++){
					var ss=parseInt($(".table>tr").eq(s).data("list"));
					var pro5=parseInt($(".table>tr").eq(s).children("td").children(".num").val());
					bigobj[ss]=pro5;
				}
				bigarr.push(bigobj);
				bigarr.splice(0,bigarr.length-1);
				console.log(bigarr);
				var bigstr=JSON.stringify(bigarr);
				setCookie("listnum",bigstr,7);
			}
		},1000)
	}*/
			//定时器获取table中表格信息,实时传送购物车种物品数量
			timer=setInterval(function(){
				if($(".table>tr").length>=1){
					var kids=$(".table>tr").length;
					var strkids=String(kids);
					setCookie("shu",strkids,7);
					for(var s=0;s<$(".table>tr").length;s++){
						var ss=parseInt($(".table>tr").eq(s).data("list"));
						var pro5=parseInt($(".table>tr").eq(s).children("td").children(".num").val());
						bigobj[ss]=pro5;
					}
					bigarr.push(bigobj);
					bigarr.splice(0,bigarr.length-1);
					var bigstr=JSON.stringify(bigarr);
					setCookie("listnum",bigstr,7);
				}
			},1000)
	
	// .all click
	//全选反选;
	var strr=0;
	$(".sum").val(strr);
	$(".all").on("click",function(){
		if($(this).prop("checked")){
			$(".table .single").prop("checked",true);
			for(var a=0;a<$(".table .single").length;a++){
				var str3=$(".table .single").eq(a).closest("tr").children("td").eq(4).text();
				var numm3=parseInt(str3.replace("￥",""));
				strr+=numm3;
				$(".sum").val(strr);
			}
		}
		else{
			$(".table .single").prop("checked",false);
			strr=0;
			$(".sum").val(strr);
		}
	})
	
	
	
	
	
	
	
	//单个选中
	var flag11="";
	var click=0;
	$(".table").on("click",".single",function() {
		click=1;
		flag11=$(this).prop("checked");
		var count=$(".table :checkbox:checked").length;
		var self=this;
	/*	if(count>=1){
			for(var c=0;c<count;c++){
				var str =$(".table :checkbox:checked").eq(c).closest("tr").children("td").eq(4).text();
				var numm2 = parseInt(str.replace("￥", ""));
				console.log(numm2);
				strr += numm2;
				
				$(".sum").val(strr);
			}
		}else{
			strr=0;
			$(".sum").val(strr);
		}*/
		if(count>=1){
			if (flag11) {//选中的同时点加减
				var str = $(this).closest("tr").children("td").eq(4).text();
					var numm2 = parseInt(str.replace("￥", ""));
					strr += numm2;
					$(".sum").val(strr);
					$(".table").on("click", ".plus", function () {
						var numm = $(this).closest("tr").data("list");
						if ($(self).closest("tr").data("list") == $(this).closest("tr").data("list") && flag11) {
							var str2 = $(this).closest("tr").children("td").eq(4).text();
							var numm3 = parseInt(str2.replace("￥", ""));
							var pro = parseInt($(this).prev().val());
							pro++;
							var numm = $(this).closest("tr").data("list");
							var cha = pro * arr[numm].money - numm3;
							strr += cha;
							$(".sum").val(strr);
						}
					})
				var r=0;
					$(".table").on("click", ".jian", function () {
						var numm = $(this).closest("tr").data("list");
						if ($(self).closest("tr").data("list") == $(this).closest("tr").data("list")&&$(this).next().val() == 1&& flag11) {
							r++;
							if(r==1){
								strr-=arr[numm].money;
							}else{
								strr+=0;
							}
							$(".sum").val(strr);
							return;
						}
						if ($(self).closest("tr").data("list") == $(this).closest("tr").data("list") && flag11) {
							var str3 = $(this).closest("tr").children("td").eq(4).text();
							var numm4 = parseInt(str3.replace("￥", ""));
							var pro = parseInt($(this).next().val());
							pro--;
							var cha = numm4 - pro * arr[numm].money;
							strr -= cha;
							$(".sum").val(strr);
						}
					})
					
				}else{
				var str = $(this).closest("tr").children("td").eq(4).text();
					var numm2 = parseInt(str.replace("￥", ""));
					strr-=numm2;
					$(".sum").val(strr);
				}
		}else{
			strr=0;
			$(".sum").val(strr);
		}
				
			})
		
		/*var str=$(this).closest("tr").children("td").eq(4).text();
		var numm2=parseInt(str.replace("￥",""));
		//console.log($(this).prop("checked"));
		flag11=$(this).prop("checked")
		if(flag11){//选中的同时点加减
			strr+=numm2;
			$(".sum").val(strr);
			var self=this;
			//console.log(1);
			$(".table").on("click",".plus",function(){
				//console.log(3);
				
			if($(self).closest("tr").data("list")==$(this).closest("tr").data("list")&&flag11){
				str=$(this).closest("tr").children("td").eq(4).text();
				numm2=parseInt(str.replace("￥",""));
				var pro=parseInt($(this).prev().val());
				pro++;
				var numm=$(this).closest("tr").data("list");
				var cha=pro*arr[numm].money-numm2;
				strr+=cha;
				$(".sum").val(strr);
			}
			})
			$(".table").on("click",".jian",function(){
				
				var numm=$(this).closest("tr").data("list");
				if($(this).next().val()==1){
					$(".sum").val(arr[numm].money);
					return;
				}
				if($(self).closest("tr").data("list")==$(this).closest("tr").data("list")&&flag11){
				str=$(this).closest("tr").children("td").eq(4).text();
				numm2=parseInt(str.replace("￥",""));
				var pro=parseInt($(this).next().val());
				pro--;
				var cha=numm2-pro*arr[numm].money;
				strr-=cha;
				$(".sum").val(strr);
				}
			})
		}else{
			//console.log(2);
			strr=0;
			$(".sum").val(strr);
		}
	})
	*/
	
	//plus、jian 点击事件
	$(".table").on("click",".plus",function(){
		var numm = $(this).closest("tr").data("list");
		var pro=parseInt($(this).prev().val());
		pro++;
		$(this).prev().val(pro);
		if($(this).closest("tr").find(".single").prop("checked")&&click==0){
			strr += parseInt(arr[numm].money);
			$(".sum").val(strr);
			$(this).parent().next().text("￥ "+pro*arr[numm].money+".00");
		}else{
			$(this).parent().next().text("￥ "+pro*arr[numm].money+".00");
		}
			
	})
	
	$(".table").on("click",".jian",function(){
		var numm = $(this).closest("tr").data("list");
		var pro=parseInt($(this).next().val());
		pro--;
		if($(this).next().val()==1){
			$(this).parent().next().text("￥ "+arr[numm].money+".00");
			return;
		}
		$(this).next().val(pro);
		if($(this).closest("tr").find(".single").prop("checked")&&click==0){
			strr -= parseInt(arr[numm].money);
			$(".sum").val(strr);
			$(this).parent().next().text("￥ "+pro*arr[numm].money+".00");
		}else{
			$(this).parent().next().text("￥ "+pro*arr[numm].money+".00");
			if($(this).next().val()==1){
				$(this).parent().next().text("￥ "+arr[numm].money+".00");
				return;
			}
			$(this).parent().next().text("￥ "+pro*arr[numm].money+".00");
		}
	})
	
	
	
	
	$(".table").on("click",".single",function(){
		var count = $(".table .single").length;
		//所有被选中的状态
		var cbxCount=$(".table :checkbox:checked").length;
		if(count==cbxCount){
			$(".all").prop("checked",true);
		}else{
			$(".all").prop("checked",false);
		}
	})
	
	
	//详情页1
	//点击跳转
	$(".mbot-down").on("click","dt",function(){
		var page=$(this).data("page");
		window.location.assign("xiangqingye"+page+".html");
	})
	//获取cookie值，创建表格
	if(getvalue("lanzi")){
	var lan=getvalue("lanzi");
	var zi=lan.substr(1,lan.length-2).split(",");
	var obj2={};
	var arrzi2=[];
	for(var i=0;i<zi.length;i++){
		var arrzi=zi[i].split(":");
		arrzi2.push(arrzi[1]);
	}
	obj2.bg=arrzi2[0];
	obj2.des=arrzi2[1];
	obj2.money=arrzi2[2];
	obj2.shu=arrzi2[3];
	obj2.da=arrzi2[4];
		if($(".table>tr").length>=1){
			for(var d=0;d<$(".table>tr").length;d++){
				if(parseInt($(".table>tr").eq(d).data("list"))==parseInt(obj2.da)) {
					var pro2 = parseInt($(".table>tr").eq(d).children("td").children(".num").val());
					//console.log(obj2.shu);
					pro2 += parseInt(obj2.shu);
					//console.log(pro2);
					$(".table>tr").eq(d).children("td").children(".num").val(pro2);
					$(".table>tr").eq(d).children("td").eq(4).text("￥ " + pro2 * obj2.money + ".00");
					removeCookie("lanzi", -11);
				}
			}
			if(getvalue("lanzi")){
				var str="<tr data-list="+obj2.da+">";
				str+="<td><input type='checkbox' class='single'/></td>";
				str+="<td><span class='img' style='background:url("+obj2.bg+") no-repeat center;'></span><p class='des'>"+obj2.des+"</p></td>";
				str+="<td>￥ "+obj2.money+".00</td>";
				str+="<td><input type='button' class='jian' value='-'/><input type='text' class='num' value='"+obj2.shu+"'/><input type='button' class='plus' value='+'/></td>";
				str+="<td>￥"+obj2.shu*obj2.money+".00</td>";
				str+="<td><a href='javascript:;' class='del' onclick='dele(this)'>删除</a></td>";
				str+="</tr>";
				$(".table").append(str);
			}
		}else{
			var str="<tr data-list="+obj2.da+">";
			str+="<td><input type='checkbox' class='single'/></td>";
			str+="<td><span class='img' style='background:url("+obj2.bg+") no-repeat center;'></span><p class='des'>"+obj2.des+"</p></td>";
			str+="<td>￥ "+obj2.money+".00</td>";
			str+="<td><input type='button' class='jian' value='-'/><input type='text' class='num' value='"+obj2.shu+"'/><input type='button' class='plus' value='+'/></td>";
			str+="<td>￥"+obj2.shu*obj2.money+".00</td>";
			str+="<td><a href='javascript:;' class='del' onclick='dele(this)'>删除</a></td>";
			str+="</tr>";
			$(".table").append(str);
		}
		
	}

})
